<template>
<div style="padding-top: 46px">
  <van-popup class="abcd" v-model="show" position="top" :style="{top:'46px' }" >
    <div style="padding: 10px">
      <h4>关于</h4>
      <div style="font-size: 14px">
        <router-link to="/company">
          简介
        </router-link>
        <router-link to="/company?active=1">
          团队
        </router-link>
      </div>
      <h4>服务群体</h4>
      <div style="font-size: 14px">
        <router-link to="/company">
          简介
        </router-link>
        <router-link to="/company">
          团队
        </router-link>
      </div>
      <h4>特色课程</h4>
      <div style="font-size: 14px">
        <router-link to="/company">
          简介
        </router-link>
      </div>
      <h4>资源中心</h4>
      <div style="font-size: 14px">
        <router-link to="/news">
          新闻
        </router-link>
      </div>
      <h4>口碑</h4>
      <div style="font-size: 14px">
        <router-link to="/anli">
          成功案例
        </router-link>
      </div>
    </div>
  </van-popup>
  <van-nav-bar style="z-index: 99999" fixed title="乐学汇">
    <img style="width: 38px;height: 38px" slot="left" src="../assets/logo.png" alt="">
    <van-icon @click="show=!show" color="#409EFF" size="28" slot="right" name="wap-nav" />
  </van-nav-bar>
  <router-view />
  <van-tabbar route>
    <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
<!--    <van-tabbar-item icon="search" dot>咨询</van-tabbar-item>-->
    <van-tabbar-item to="/yuyue" icon="friends-o">预约评测</van-tabbar-item>
    <van-tabbar-item to="/news" icon="setting-o">活动</van-tabbar-item>
  </van-tabbar>
</div>
</template>
<script>
export default {
  data(){
    return{
      show:false
    }
  },
  watch:{
    '$route'(){
      this.show = false
    }
  }
}
</script>
<style>
.abcd a{
  display: inline-block;
  margin: 10px 10px 10px 0;
}
</style>
